<template>
  <div class="m-geo">
    <i class="el-icon-location"/>{{ position.city }}
    <nuxt-link
      class="changeCity"
      to="/changeCity"
    >切换城市
    </nuxt-link>
    [长青 槐荫 立夏]
  </div>
</template>

<script>
import { createNamespacedHelpers } from 'vuex'

const { mapState } = createNamespacedHelpers('geo')

export default {
  name: 'Geo',
  computed: {
    ...mapState(['position'])
  }
}
</script>

<style lang="scss" scoped>
</style>
